import React from 'react'
import {WhiteSpace, WingBlank} from "antd-mobile";
import PredictCard from "./PredictCard/PredictCard";

const Predict = props => {

    const predictData = [
        {category: '亚盘', price: 1880},
        {category: '欧赔', price: 5880},
    ]

    const predictTitle = (
        <div className='flex-space-between-align-center'>
            <div className='game-room-analysis-title'>分析<span style={{fontSize: '12px', opacity: 0.8}}>(大数据锦囊)</span></div>
        </div>
    )

    const content = (
        <div className='flex-space-between-align-center flex-wrap-container'>
            {predictData.map((data, i) => <PredictCard key={i} data={data}/>)}
        </div>
    )

    return <WingBlank>
        <WhiteSpace/>
        {predictTitle}
        <WhiteSpace/>
        {content}
        <WhiteSpace/>
    </WingBlank>

}

export default Predict
